<template>
  <div id="main-tar-bar">
    <tab-bar>

      <tab-bar-mark>
<!--        <img slot="img" src="~assets/img/tabbar/网络空间安全学院.6a47d8ec.png">-->
        <span slot="text">疫 情 打 卡</span>
      </tab-bar-mark>

      <tab-bar-item path="/accountManagement">
        <i slot="icon" class="fas fa-user-circle"></i>
        <span slot="text">账号管理</span>
      </tab-bar-item>

      <tab-bar-item path="/checkedRecord">
        <i slot="icon" class="fas fa-address-card"></i>
        <span slot="text">打卡记录</span>
      </tab-bar-item>

      <tab-bar-item path="/uncheckedList">
        <i slot="icon" class="fas fa-money-bill-alt"></i>
        <span slot="text">未打卡名单</span>
      </tab-bar-item>

      <tab-bar-item path="/statisticManagement">
        <i slot="icon" class="fas fa-chart-bar"></i>
        <span slot="text">统计管理</span>
      </tab-bar-item>
      <tab-bar-item path="/logout">
        <i slot="icon" class="fas fa-chart-bar"></i>
        <span slot="text">退 出</span>
      </tab-bar-item>

    </tab-bar>

  </div>
</template>

<script>
  import TabBar from "components/commom/tabbar/TabBar";
  import TabBarMark from "components/commom/tabbar/TabBarMark";
  import TabBarItem from "components/commom/tabbar/TabBarItem";
  export default {
    name: "MainTabBar",
    components: {TabBarItem, TabBarMark, TabBar}
  }
</script>

<style scoped>
  img{
    height: 80px;
  }
</style>
